<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Keywords" content="优茶">
    <meta name="description" content="优茶">
    <title>优茶-用户中心</title>
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/reset.css">
    <link rel="stylesheet" type="text/css" href="../../resources/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/global.css">
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/userCom.css">
    <link rel="stylesheet" type="text/css" href="../css/pluginsExt/userCenter/user.css">
    <link rel="stylesheet" href="../css/pluginsExt/userCenter/checkIn.css"/>
    <link rel="stylesheet" href="../css/pluginsExt/userCenter/userSet.css"/>
</head>
<body>
<!-- 用户中心 -->
<div class="shop-header">
    <div class="wrapper clearfix">
        <ul class="fl clearfix shopNav">
            <li><a href="tea-index.html">优茶首页</a></li>
            <li><a href="javascript:void(0);">茶叶</a></li>
            <li><a href="javascript:void(0);">茶器</a></li>
            <li><a href="javascript:void(0);">茶点</a></li>
            <li><a href="javascript:void(0);">杂志</a></li>
            <li><a href="javascript:void(0);">考级</a></li>
        </ul>
        <!-- 已登录时，不显示登录及注册 -->
        <div class="fr login">
            <a href="javascript:void(0);">登录</a>
            <span class="marLR10">|</span>
            <a href="javascript:void(0);">注册</a>
        </div>
        <!-- end -->
        <div class="fr">
            <a href="javascript:void(0);" class="h-head"><img src="../img/userCenter/ico/h-head.png"><span>用户中心</span></a>
            <a href="javascript:void(0);" class="h-car"><img src="../img/userCenter/ico/h-car.png"><span>购物车</span></a>
        </div>
    </div>
</div>
<!--用户中心 头部-->
<div class="userTop" style="background:url(../img/userCenter/user_bg.jpg) no-repeat center">
    <span class="welcome">欢迎来到<em>优茶</em>用户中心</span>
</div>
<div class="wrapper user_head">
    <img src="../img/userCenter/test/sp.jpg" class="borderRadius" />
</div>

<div class="wrapper clearfix user_content">
    <!-- 左边栏 -->
    <ul class="fl userSide">
        <li><a href="tea-user.html" class="icon u-sign">每日签到</a></li>
        <li><a href="javascript:void(0);" class="icon u-car">购物车</a></li>
        <li><a href="javascript:void(0);" class="icon u-order">订单</a></li>
        <li><a href="javascript:void(0);" class="icon u-addr">收货地址</a></li>
        <li><a href="javascript:void(0);" class="icon u-card">优惠券</a></li>
        <li><a href="javascript:void(0);" class="icon u-coll">收藏/关注</a></li>
        <li class="on"><a href="tea-userSet.html" class="icon u-set">个人设置</a></li>
    </ul>
    <div class="user_integral fr">
        <h2 class="marB5 font14 color60 userTit">
            个人设置</h2>
        <ul class="clearfix nav_tab order_tab">
            <li class="on"><a href="javascript:void(0)" title="基本信息">基本信息</a></li>
            <li><a href="javascript:void(0)" title="账户安全">账户安全</a></li>
            <li><a href="javascript:void(0)" title="修改头像">修改头像</a></li>
        </ul>
        <div class="all_order whiteBg">
            <!-- 基本信息 -->
            <div class="tabCont j_scroll">
                <form action="/btdSite/frontUser/saveUserSet" id="firmsForm" method="post" class="form">
                    <div class="item">
                        <span class="label">用户名：</span>
                        <div class="fl">
                            <input type="text" maxlength="20" id="userName" name="userName" value="茶神">
                        </div>
                    </div>
                    <div class="item">
                        <span class="label"><em>*</em>性别：</span>
                        <div class="fl">
                            <input type="radio" class="ml5 mr5" name="infoSex" value="1" checked="checked"><label>男</label>
                            <input type="radio" class="ml5 mr5" name="infoSex" value="2"><label>女</label>
                            <input type="radio" class="ml5 mr5" name="infoSex" value="3"><label>保密</label>
                        </div>
                    </div>
                    <div class="item">
                        <span class="label">生日：</span>
                        <div class="fl">
                            <input class="form-control" id="registerDate" name="" readonly unselectable="on" size="16" type="text" value="">
                        </div>
                    </div>
                    <div class="item">
                        <span class="label">居住地址：</span>
                        <div class="fl">
                            <div class="selectCity1">
                                <select id="catLicenseAdd_1" name="catLicenseAdd_1" class="prov fe-select addrSelector valid"> </select>
                                <select id="catLicenseAdd_2" name="catLicenseAdd_2" class="city fe-select addrSelector valid"> </select>
                                <select id="catLicenseAdd_3" name="catLicenseAdd_3" class="dist fe-select addrSelector valid"> </select>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="label">邮箱：</span>
                        <div class="fl">
                            <div>
                                您还没绑定邮箱
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <span class="label">手机号码：</span>
                        <div class="fl">
                            <span>l2312312121
                            </span>
                            <a target="_blank" class="marL20" href="">修改</a><span class="ftx-03">&nbsp;&nbsp;&nbsp;已验证</span>
                        </div>
                    </div>
                    <div class="item">
                        <span class="label"><em>*</em>QQ：</span>
                        <span>121211212
                        </span>
                    </div>
                    <div class="item">
                        <span class="label"><em>*</em>微信号：</span>
                        <span>12132122
                        </span>
                    </div>
                    <div class="item">
                        <span class="label"><em>*</em>真实姓名：</span>
                        <div class="fl">
                            <input type="text" value="桂良哥哥">
                        </div>
                    </div>
                    <div class="fr">
                        <input type="submit" value="保存" class="Btnsty_peyton1">
                    </div>
                </form>
            </div>
            <!-- 账户安全 -->
            <div class="tabCont j_scroll" style="display: none;">
                <div class="barBox">
                    <p class="title mb20">您的帐号安全评分：
                        <span class="score color-middle" id="personalSafeScore">55</span>
                        分</p>
                    <div class="clearfix mb30">
                        <div class="score-bar">
                            <div class="bar-in bg-middle" style="width: 55%;"></div>
                        </div>
                        <span class="bar-txt ml10">您的账户安全级别一般</span>
                    </div>
                </div>
                <div class="area-left security">
                    <div class="clearfix">
                        <p class="info-title">
                            <i class="fa fa-exclamation-circle"></i> 密码强度</p>
                        <p class="fl">密码强度为：<em class="color-middle">中</em>
                        </p>
                    </div>
                    <div class="clearfix">
                        <p class="info-title"><i class="fa fa-exclamation-circle"></i> 安保问题</p>
                        <p class="fl">您未设置安保问题</p>
                    </div>
                    <div class="clearfix">
                        <p class="info-title"><i class="fa fa-exclamation-circle"></i> 实名认证</p>
                        <p class="fl">您未实名认证</p>
                    </div>
                    <div class="clearfix">
                        <p class="info-title"><i class="fa fa-check-circle"></i> 绑定邮箱</p>
                        <p class="fl">您未绑定邮箱</p>
                    </div>
                    <div class="clearfix">
                        <p class="info-title"><i class="fa fa-check-circle"></i> 绑定手机</p>
                        <p class="fl">您已绑定手机：186****90</p>
                    </div>
                </div>
                <div class="area-right">
                    <p><a href="../forgetPsw.html" name="修改密码">修改</a></p>
                    <p><a href="">立即设置</a></p>
                    <p><a href="">立即认证</a></p>
                    <p><a href="">立即绑定</a></p>
                    <p><a href="" name="">修改 </a><a href="" > 解除绑定</a></p>
                </div>
            </div>
            <div class="tabCont j_scroll" style="display: none;">
                <h2 class='fr' style='margin-top: -45px;font-size: 16px;margin-right: 70px;'>效果预览</h2>
                <div class="area-left">
                    <div class="container">
                        <div class="new-contentarea tc"> <a href="javascript:void(0)" class="upload-img">
                            <label for="upload-file" class='Btnsty_peyton2 fa fa-picture-o'> 选择图片</label>
                        </a>
                            <input type="file" name="upload-file" id="upload-file" />
                        </div>
                        <div class="imageBox" style="">
                            <div class="thumbBox"></div>
                            <div class="spinner" style="display: none"></div>
                        </div>
                        <div class="action">
                            <p>小提示:滚动滚轮可裁剪图片大小</p>
                        </div>
                        <input type="button" class="Btnsty_peyton1 fr" style='margin-right: 150px;' id="btnCrop" value="保存">
                        <div class="cropped">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 底部 -->
<div class="footer">
    <div class="clearfix mainW">
        <div class="fl serviceInfo">
            <h4>服务信息</h4>
            <div class="clearfix">
                <div class="fl w50">
                    <a href="javascript:void(0);">7天24小时客服</a>
                    <a href="javascript:void(0);">配送信息</a>
                    <a href="javascript:void(0);">退换货信息</a>
                    <a href="javascript:void(0);">付款安全</a>
                    <a href="javascript:void(0);">礼品卡</a>
                    <a href="javascript:void(0);">常见问题回答</a>
                    <a href="javascript:void(0);">我们的业务</a>
                </div>
                <div class="fl w50">
                    <a href="javascript:void(0);">联盟营销</a>
                    <a href="javascript:void(0);">广告</a>
                    <a href="javascript:void(0);">服务条款</a>
                    <a href="javascript:void(0);">隐私政策</a>
                    <a href="javascript:void(0);">Cookie政策</a>
                </div>
            </div>
        </div>
        <div class="fl friendInfo">
            <h4>友情链接</h4>
            <div>
                <a href="http://www.gdcoop.com/" target="_blank">广东省供销合作联社</a>
                <a href="http://www.gdtctz.com/" target="_blank">广东新供销天成投资有限公司</a>
                <a href="http://www.tea.gdaas.cn/" target="_blank">广东省农业科学院茶叶研究所</a>
            </div>
        </div>
        <div class="fl contantInfo">
            <h4>联系我们</h4>
            <div>
                <span class="addr">广州市番禺区洛浦街西一村工业路90号</span>
                <span class="email">tracy@yqlzq.com</span>
                <span class="phone">陈小姐:020-82515301</span>
            </div>
        </div>
    </div>
</div>

<div class="copyright">Copyright &copy; 2016-2017 All Rights Reserved. 优茶大数据股份有限公司 版权所有 </div>
</body>
<script src="../../resources/js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="../js/pluginsExt/userCenter/cropbox.js"></script>
<script th:src="@{/resources/js/plugins/laydate/laydate.js}" src="../../resources/js/plugins/laydate/laydate.js"></script>
<script th:src="@{/resources/js/plugins/cityselect/userSelect.js}" src="../../resources/js/pluginsExt/userCenter/userSelect.js"></script>
<script src="../js/pluginsExt/userCenter/userSet.js"></script>
<script>

    $('.selectCity1').citySelect(
            {
                nodata:"none",
                required:false,
            }
    );
    laydate({
        elem:'#registerDate',
        event:'focus',
        isclear: false, //是否显示清空
        istoday: false, //是否显示今天
        issure: true,
        choose:function(datas){
            //选择完成后时间 datas为选择日
        }})
</script>
</html>